<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商城系统</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="nav-container">
            <a href="index.html" class="logo">
                商城系统
            </a>
            <ul class="nav-links">
                <li><a href="index.html" class="active">项目介绍</a></li>
                <li><a href="team01.html">谢金</a></li>
                <li><a href="team02.html">杨盼</a></li>
                <li><a href="team03.html">梁晶</a></li>
                <li><a href="gallery.html">团队影像</a></li>
            </ul>
        </div>
    </nav>

    <!-- 主要内容容器 -->
    <div class="container">
        <!-- 轮播图区块 -->
        <div class="content-block">
            <h2 class="section-title">项目界面展示</h2>
            <div class="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item">
                        <img src="images\image01.png" alt="项目界面1">
                    </div>
                    <div class="carousel-item">
                        <img src="images\image03.png" alt="项目界面2">
                    </div>
                    <div class="carousel-item">
                        <img src="images\image02.png" alt="工作流程">
                    </div><div class="carousel-item">
                        <img src="images\image.png" alt="工作流程">
                    </div>
                </div>
                <button class="carousel-control prev">&#10094;</button>
                <button class="carousel-control next">&#10095;</button>
                <div class="carousel-indicators">
                    <div class="indicator active"></div>
                    <div class="indicator"></div>
                    <div class="indicator"></div>
                    <div class="indicator"></div>
                </div>
            </div>
        </div>

        <!-- 项目简介区块 -->
        <div class="content-block">
            <h2 class="section-title">项目简介</h2>
            <p>在当今快速发展的商业环境中，传统商城运营模式面临着诸多挑战。随着消费者需求的日益多样化和市场竞争的加剧，商城运营者需要更加高效、智能的管理工具来提升运营效率、优化用户体验并增强市场竞争力。然而，现有的管理系统往往存在功能单一、操作复杂、数据分散等问题，难以满足现代商城的多样化需求。为了突破这些瓶颈，我们开发了这款基于先进信息技术的商城管理系统，旨在为商城运营者提供一站式的解决方案，助力商城实现智能化、高效化的运营管理。</p>
            <p>本项目主要解决以下痛点：</p>
            <ul>
                <li>个性化管理不足：传统商城管理系统难以满足不同商品、不同客户群体的个性化管理需求，导致运营效率低下。</li>
                <li>运营成本高：商城运营涉及多个环节，如商品管理、订单处理、客户服务等，传统模式下人工操作繁琐，容易出错且成本高昂。</li>
                <li>数据分散与决策困难：商城运营过程中产生的大量数据分散在不同系统中，缺乏有效的整合与分析工具，导致运营者难以做出科学的决策。</li>
                <li>用户体验不佳：传统商城系统界面复杂，操作不便，难以满足现代消费者对便捷购物体验的需求。</li>
            </ul>
        </div>

        <!-- 功能模块区块 -->
        <div class="content-block">
            <h2 class="section-title">功能模块概述</h2>
            <div class="features-grid">
                <!-- 功能模块1 -->
                <div class="feature-card">
                    <h3 class="feature-title">用户管理模块</h3>
                    <p>负责用户注册、登录、信息管理、权限分配以及反馈收集。</p>
                </div>
                <!-- 功能模块2 -->
                <div class="feature-card">
                    <h3 class="feature-title">商品管理模块</h3>
                    <p>涵盖商品分类、信息录入、库存监控以及上下架操作。</p>
                </div>
                <!-- 功能模块3 -->
                <div class="feature-card">
                    <h3 class="feature-title">订单管理模块</h3>
                    <p>包括订单生成、支付处理、订单状态跟踪以及订单查询与统计。</p>
                </div>
                <!-- 功能模块4 -->
                <div class="feature-card">
                    <h3 class="feature-title">支付与物流管理模块</h3>
                    <p>管理支付方式、监控支付安全、配置物流方式以及管控物流成本。</p>
                </div>
            </div>
        </div>

        <!-- 特色与创新点区块 -->
        <div class="content-block">
            <h2 class="section-title">特色与创新点</h2>
            <div class="features-grid">
                <!-- 特色1 -->
                <div class="feature-highlight">
                    <div class="feature-icon">&#9881;</div>
                    <h3>自适应算法</h3>
                    <p>采用最新智能推荐算法，能够随着使用不断优化推荐策略，提高个性化程度。</p>
                </div>
                <!-- 特色2 -->
                <div class="feature-highlight">
                    <div class="feature-icon">&#128101;</div>
                    <h3>多角色协同</h3>
                    <p>创新性地将管理员、用户和商家三个角色纳入同一平台，实现闭环。</p>
                </div>
                <!-- 特色3 -->
                <div class="feature-highlight">
                    <div class="feature-icon">&#128202;</div>
                    <h3>数据可视化</h3>
                    <p>将复杂的数据转化为直观的图表和报告，帮助各方了解情况。</p>
                </div>
                <!-- 特色4 -->
                <div class="feature-highlight">
                    <div class="feature-icon">&#127760;</div>
                    <h3>跨平台支持</h3>
                    <p>支持Web、移动端多种平台，随时随地进行购物，打破时空限制。</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 页脚 -->
    <footer>
        <p>&copy; 2025 商城系统项目组 | 版权所有</p>
    </footer>

    <script src="sc.js"></script>
</body>
</html>